<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚美优品</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/common.css">
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/layui-layer/dist/layer.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/cookie.js"></script>
    <!-- 轮播图 -->
    <script src="./js/carousel.js"></script>
    <script src="./js/home.js"></script>

</head>

<body>

    <!-- 头部 -->
    <div id="header">
        <!-- 头部top开始 -->
        <div class="header-top">
            <!--top 版心 -->
            <div class="header-top-box">
                <ul class="left">
                    <li>欢迎来到聚美！</li>
                    <li><a href="login.html">请登录</a></li>
                    <li><a href="reg.html">快速注册</a></li>
                </ul>
                <ul class="right">
                    <li><a href="cart.html" target="_blank" style="color: #6c6c6c">订单查询</a></li>
                    <li>
                        <a href="#" style="color: #6c6c6c">收藏的品牌<s class=icon-favorite></s></a>

                    </li>
                    <li><a href="user.html" target="_blank" style="color: #6c6c6c">我的聚美
                        <s class="icon-arrow"></s>
                    </a></li>
                    <li>
                        <a href="" class="mobile" style="color: #6c6c6c"> <span class="line"></span>
                            <s class="icon-mobile"></s>手机聚美</a>

                    </li>
                    <li><a href="#" style="color: #6c6c6c">更多</a>
                        <span class="line"></span></li>
                </ul>
            </div>
        </div>
        <!-- 头部top结束 -->
        <!-- 头部center开始 -->
        <div class="header-center">
            <!-- logo -->
            <h1 class="logo">
                <a href="index.html"><img src="./images/logo_new_v1.jpg" alt=""></a>
            </h1>
            <!-- 搜索框 -->
            <div class="header-searchbox">
                <form action="">
                    <input type="search" class="searchinput">
                    <button class="search-btn">搜索</button>
                </form>
                <!-- 热词 -->
                <ul class="hot-word">
                    <li>
                        <a href="#" target=_blank>保湿</a>
                        <s class="line"></s>
                    </li>
                    <li><a href="#" target=_blank>面膜</a>
                        <s class="line"></s></li>
                    <li><a href="#" target=_blank>洗面奶</a>
                        <s class="line"></s></li>
                    <li><a href="#" target=_blank>补水</a>
                        <s class="line"></s></li>
                    <li><a href="#" target=_blank>香水</a>
                        <s class="line"></s></li>
                    <li><a href="#" target=_blank>眼霜</a>
                        <s class="line"></s></li>
                    <li><a href="#" target=_blank>口红</a>
                        <s class="line"></s></li>
                    <li><a href="#" target=_blank>护肤套装</a>
                        <s class="line"></s></li>
                    <li><a href="#" target=_blank>BB霜</a>
                    </li>
                </ul>

            </div>
            <!-- 购物车 -->
            <div class="cart-box">
                <a href="cart.html" target="_blank">
                    <img src="./images/cart.gif" alt="" class="cart-gif">
                    <span class="text">去购物车结算</span>
                    <span class="num"></span>
                    <s class="icon-arrow"></s>
                </a>
            </div>
        </div>
        <!-- 头部center结束 -->
        <!-- 头部bottom开始 -->
        <div class="header-bottom">
            <div class="nav-box">
                <ul class="nav-list">
                    <li class="current">
                        <a href="index.html" class="home">首页</a>
                    </li>
                    <li><a href="list.html">列表页</a></li>
                    <li><a href="">母婴特卖</a></li>
                    <li><a href="">美妆商城
                      <b></b>
                    </a></li>
                    <li><a href="">品牌专场</a></li>
                </ul>
                <ul class="nav-icon">
                    <li>
                        <a href="">
                            <span></span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="by"></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 头部bottom结束 -->
    </div>

    <!-- 广告栏轮播图 -->
    <div class=site-body>
        <div class="content banner">
            <div class="carousel">
                <ul>
                    <li class="active">
                        <a href="">
                            <img src="./images/002-web.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/003-web.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/004-web.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/005-web.jpg" alt="">
                        </a>
                    </li>
                </ul>
                <ol>
                    <li class="active"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
                <a href="javascript:;" class="leftBtn">&lt;</a>
                <a href="javascript:;" class="rightBtn">&gt;</a>
            </div>
        </div>
    </div>
    <!-- 每日必看 -->
    <div id="today">
        <h2>
        </h2>
    </div>
    <!-- 今日上新单 -->
    <div class="new-deal">
        <div class="deal-tit">
            <h2></h2>
            <p>每日十点上新</p>
        </div>

        <div class="new-productlist">
            <ul>
                <li>
                    <div class="img-box">
                        <a href="" target="_blank" class="img-box-href">
                            <img src="./images/1000_400.jpg" alt="" class="img-w1000">

                        </a>
                        <div class="deal-tag">
                            <span> </span>
                        </div>
                        <div class="allcart-box">
                            <a href="" class="allcart">加入购物车</a>
                        </div>
                    </div>

                    <a href="" target="_blank">
                        <div class="new-detail">
                            <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                            <div class="intro-box">
                                <div class="price-box">
                                    <em>￥</em>
                                    <span>179</span>
                                </div>
                            </div>
                        </div>

                    </a>
                </li>
                <li>
                    <div class="img-box">
                        <a href="" target="_blank" class="img-box-href">
                            <img src="./images/1000_400.jpg" alt="" class="img-w1000">
                            <div class="commit-box">海外直采 海外价格 闪电发货</div>
                        </a>
                        <div class="deal-tag">
                            <span> </span>
                        </div>
                        <div class="allcart-box">
                            <a href="" class="allcart">加入购物车</a>
                        </div>
                    </div>

                    <a href="" target="_blank">
                        <div class="new-detail">
                            <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                            <div class="intro-box">
                                <div class="price-box">
                                    <em>￥</em>
                                    <span>179</span>
                                </div>
                            </div>
                        </div>

                    </a>
                </li>
                <li>
                    <div class="img-box">
                        <a href="" target="_blank" class="img-box-href">
                            <img src="./images/1000_400.jpg" alt="" class="img-w1000">
                            <div class="commit-box">海外直采 海外价格 闪电发货</div>
                        </a>
                        <div class="deal-tag">
                            <span> </span>
                        </div>
                        <div class="allcart-box">
                            <a href="" class="allcart">加入购物车</a>
                        </div>
                    </div>

                    <a href="" target="_blank">
                        <div class="new-detail">
                            <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                            <div class="intro-box">
                                <div class="price-box">
                                    <em>￥</em>
                                    <span>179</span>
                                </div>
                            </div>
                        </div>

                    </a>
                </li>
                <li>
                    <div class="img-box">
                        <a href="" target="_blank" class="img-box-href">
                            <img src="./images/1000_400.jpg" alt="" class="img-w1000">
                            <div class="commit-box">海外直采 海外价格 闪电发货</div>
                        </a>
                        <div class="deal-tag">
                            <span> </span>
                        </div>
                        <div class="allcart-box">
                            <a href="" class="allcart">加入购物车</a>
                        </div>
                    </div>

                    <a href="" target="_blank">
                        <div class="new-detail">
                            <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                            <div class="intro-box">
                                <div class="price-box">
                                    <em>￥</em>
                                    <span>179</span>
                                </div>
                            </div>
                        </div>

                    </a>
                </li>
                <li>
                    <div class="img-box">
                        <a href="" target="_blank" class="img-box-href">
                            <img src="./images/1000_400.jpg" alt="" class="img-w1000">
                            <div class="commit-box">海外直采 海外价格 闪电发货</div>
                        </a>
                        <div class="deal-tag">
                            <span> </span>
                        </div>
                        <div class="allcart-box">
                            <a href="" class="allcart">加入购物车</a>
                        </div>
                    </div>

                    <a href="" target="_blank">
                        <div class="new-detail">
                            <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                            <div class="intro-box">
                                <div class="price-box">
                                    <em>￥</em>
                                    <span>179</span>
                                </div>
                            </div>
                        </div>

                    </a>
                </li>
                <li>
                    <div class="img-box">
                        <a href="" target="_blank" class="img-box-href">
                            <img src="./images/1000_400.jpg" alt="" class="img-w1000">
                            <div class="commit-box">海外直采 海外价格 闪电发货</div>
                        </a>
                        <div class="deal-tag">
                            <span> </span>
                        </div>
                        <div class="allcart-box">
                            <a href="" class="allcart">加入购物车</a>
                        </div>
                    </div>

                    <a href="" target="_blank">
                        <div class="new-detail">
                            <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                            <div class="intro-box">
                                <div class="price-box">
                                    <em>￥</em>
                                    <span>179</span>
                                </div>
                            </div>
                        </div>

                    </a>
                </li>
                <li>
                    <div class="img-box">
                        <a href="" target="_blank" class="img-box-href">
                            <img src="./images/1000_400.jpg" alt="" class="img-w1000">
                            <div class="commit-box">海外直采 海外价格 闪电发货</div>
                        </a>
                        <div class="deal-tag">
                            <span> </span>
                        </div>
                        <div class="allcart-box">
                            <a href="" class="allcart">加入购物车</a>
                        </div>
                    </div>

                    <a href="" target="_blank">
                        <div class="new-detail">
                            <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                            <div class="intro-box">
                                <div class="price-box">
                                    <em>￥</em>
                                    <span>179</span>
                                </div>
                            </div>
                        </div>

                    </a>
                </li>
                <li>
                    <div class="img-box">
                        <a href="" target="_blank" class="img-box-href">
                            <img src="./images/1000_400.jpg" alt="" class="img-w1000">
                            <div class="commit-box">海外直采 海外价格 闪电发货</div>
                        </a>
                        <div class="deal-tag">
                            <span> </span>
                        </div>
                        <div class="allcart-box">
                            <a href="" class="allcart">加入购物车</a>
                        </div>
                    </div>

                    <a href="" target="_blank">
                        <div class="new-detail">
                            <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                            <div class="intro-box">
                                <div class="price-box">
                                    <em>￥</em>
                                    <span>179</span>
                                </div>
                            </div>
                        </div>

                    </a>
                </li>
                <li>
                    <div class="img-box">
                        <a href="" target="_blank" class="img-box-href">
                            <img src="./images/1000_400.jpg" alt="" class="img-w1000">
                            <div class="commit-box">海外直采 海外价格 闪电发货</div>
                        </a>
                        <div class="deal-tag">
                            <span> </span>
                        </div>
                        <div class="allcart-box">
                            <a href="" class="allcart">加入购物车</a>
                        </div>
                    </div>

                    <a href="" target="_blank">
                        <div class="new-detail">
                            <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                            <div class="intro-box">
                                <div class="price-box">
                                    <em>￥</em>
                                    <span>179</span>
                                </div>
                            </div>
                        </div>

                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <div id="footer">
        <div class="footer-top">
            <a href="" class="foot-link">
                <span class="corn"></span>
                <!-- <span class="con">
                  <b>值得信赖美妆电商</b>
                </span> 四千万用户信赖 -->

            </a>
        </div>
    </div>

</body>

</html>